<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>EasyShare-博客管理系统</title>
    <link rel="icon" href="/favicon.ico" th:href="@{/favicon.ico}" sizes="32x32">
    <link rel="stylesheet" type="text/css" href="/css/main/bootstrap.min.css"
          th:href="@{/css/main/bootstrap.min.css}">
    <link rel="stylesheet" type="text/css" href="/css/backstage/style.css" th:href="@{/css/backstage/style.css}">
    <link rel="stylesheet" type="text/css" href="/css/backstage/font-awesome.min.css"
          th:href="@{/css/backstage/font-awesome.min.css}">
    <script src="/js/jquery-3.1.1.min.js" th:src="@{/js/jquery-3.1.1.min.js}"></script>
    <!--[if gte IE 9]>
    <script src="/js/backstage/jquery-1.11.1.min.js" type="text/javascript"></script>
    <script src="/js/main/html5shiv.min.js" type="text/javascript"></script>
    <script src="/js/main/respond.min.js" type="text/javascript"></script>
    <script src="/js/main/selectivizr-min.js" type="text/javascript"></script>
    <![endif]-->
</head>

<body class="user-select">
<span th:if="${session.user eq null}">
    <script type="text/javascript">
        location.href = "/";
    </script>
</span>
<section class="container-fluid">
    <header th:replace="~{commons/back-header :: header}"></header>
    <div class="row">
        <aside th:replace="~{commons/back-leftbar :: leftbar}"></aside>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-lg-10 col-md-offset-2 main" id="main">
            <h1 class="page-header">信息总览</h1>
            <div class="row placeholders">
                <div class="col-xs-6 col-sm-3 placeholder">
                    <h4>文章</h4>
                    <span class="text-muted" th:text="${articleCount}+' 条'">0 条</span></div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <h4>留言</h4>
                    <span class="text-muted" th:text="${lmCount}+' 条'">0 条</span></div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <h4>友链</h4>
                    <span class="text-muted" th:text="${practicalCount}+' 条'">0 条</span></div>
                <div class="col-xs-6 col-sm-3 placeholder">
                    <h4>访问量</h4>
                    <span class="text-muted">0</span></div>
            </div>
            <h1 class="page-header">状态</h1>
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <tbody>
                    <tr>
                        <td>登录者: <span th:text="${session.user?.getUsername()}">admin</span>，这是您第 <span
                                th:text="${session.user?.getUserlogincount()}">0</span> 次登录
                        </td>
                    </tr>
                    <tr>
                        <td>后台: 上次登录时间: [[${#dates.format(backInfo?.getLastlogin(),'yyyy-MM-dd HH:mm:ss')}]] , 上次登录ID:
                            [[${backInfo?.getLastloginid()}]]
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <h1 class="page-header">系统信息</h1>
            <div class="table-responsive">
                <table class="table table-striped table-hover">
                    <thead>
                    <tr></tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>管理员个数:</td>
                        <td th:text="${opNum}+' 人'">2 人</td>
                        <td>服务器软件:</td>
                        <td>Apache Tomcat 9.0.29 (x64)</td>
                    </tr>
                    <tr>
                        <td>浏览器:</td>
                        <td id="browserName">BrowserInfo</td>
                        <td>本站框架:</td>
                        <td>Org.SpringFrameWork.Boot</td>
                    </tr>
                    <tr>
                        <td>操作系统:</td>
                        <td id="osInfo">Windows 10</td>
                        <td>框架版本:</td>
                        <td>2.2.4</td>
                    </tr>
                    <tr>
                        <td>登录者ID:</td>
                        <td th:text="${session.user?.getUserid()}">OpId</td>
                        <td>MYSQL版本:</td>
                        <td>5.5.56 (Local)/5.7.29 (Server)</td>
                    </tr>
                    <tr>
                        <td>网站版本:</td>
                        <td class="version">EasyShare 1.0/EasyBackstage 1.0</td>
                        <td>上传文件:</td>
                        <td>可以 <font size="-6" color="#BBB">(最大文件：10M)</font></td>
                    </tr>
                    <tr>
                        <td>程序编码:</td>
                        <td>UTF-8</td>
                        <td>当前时间:</td>
                        <td id="time">0000-00-00 00:00:00</td>
                    </tr>
                    </tbody>
                    <tfoot>
                    <tr></tr>
                    </tfoot>
                </table>
            </div>
            <footer>
                <h1 class="page-header">网站信息</h1>
                <div class="table-responsive">
                    <table class="table table-striped table-hover">
                        <tbody>
                        <tr>
                            <td><span style="display:inline-block; width:8em">本站域名</span>zzx-2580.xyz
                            </td>
                        </tr>
                        <tr>
                            <td><span style="display:inline-block;width:8em">备案查询</span><a
                                    href="http://www.beian.miit.gov.cn/" target="_blank">点此进入</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </footer>
        </div>
    </div>
</section>
<!--个人信息模态框-->
<div class="modal fade" id="seeUserInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <form action="" method="post">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">个人信息</h4>
                </div>
                <div class="modal-body">
                    <table class="table" style="margin-bottom:0px;">
                        <thead>
                        <tr></tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td wdith="20%">姓名:</td>
                            <td width="80%"><input type="text" value="王雨" class="form-control" name="truename"
                                                   maxlength="10" autocomplete="off"/></td>
                        </tr>
                        <tr>
                            <td wdith="20%">用户名:</td>
                            <td width="80%"><input type="text" value="admin" class="form-control" name="username"
                                                   maxlength="10" autocomplete="off"/></td>
                        </tr>
                        <tr>
                            <td wdith="20%">电话:</td>
                            <td width="80%"><input type="text" value="18538078281" class="form-control" name="usertel"
                                                   maxlength="13" autocomplete="off"/></td>
                        </tr>
                        <tr>
                            <td wdith="20%">旧密码:</td>
                            <td width="80%"><input type="password" class="form-control" name="old_password"
                                                   maxlength="18" autocomplete="off"/></td>
                        </tr>
                        <tr>
                            <td wdith="20%">新密码:</td>
                            <td width="80%"><input type="password" class="form-control" name="password" maxlength="18"
                                                   autocomplete="off"/></td>
                        </tr>
                        <tr>
                            <td wdith="20%">确认密码:</td>
                            <td width="80%"><input type="password" class="form-control" name="new_password"
                                                   maxlength="18" autocomplete="off"/></td>
                        </tr>
                        </tbody>
                        <tfoot>
                        <tr></tr>
                        </tfoot>
                    </table>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="submit" class="btn btn-primary">提交</button>
                </div>
            </div>
        </form>
    </div>
</div>
<!--个人登录记录模态框-->
<div class="modal fade" id="seeUserLoginlog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title">登录记录</h4>
            </div>
            <div class="modal-body">
                <table class="table" style="margin-bottom:0px;">
                    <thead>
                    <tr>
                        <th>登录IP</th>
                        <th>登录时间</th>
                        <th>状态</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>::1:55570</td>
                        <td>2016-01-08 15:50:28</td>
                        <td>成功</td>
                    </tr>
                    <tr>
                        <td>::1:64377</td>
                        <td>2016-01-08 10:27:44</td>
                        <td>成功</td>
                    </tr>
                    <tr>
                        <td>::1:64027</td>
                        <td>2016-01-08 10:19:25</td>
                        <td>成功</td>
                    </tr>
                    <tr>
                        <td>::1:57081</td>
                        <td>2016-01-06 10:35:12</td>
                        <td>成功</td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">朕已阅</button>
            </div>
        </div>
    </div>
</div>
<!--微信二维码模态框-->
<div class="modal fade user-select" id="WeChat" tabindex="-1" role="dialog" aria-labelledby="WeChatModalLabel">
    <div class="modal-dialog" role="document" style="margin-top:120px;max-width:280px;">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"
                                                                                                  style="cursor:pointer">&times;</span>
                </button>
                <h4 class="modal-title" id="WeChatModalLabel" style="cursor:default;">微信扫一扫</h4>
            </div>
            <div class="modal-body" style="text-align:center"><img src="/img/main/weixin.png" alt="微信二维码"
            /></div>
        </div>
    </div>
</div>
<!--提示模态框-->
<div class="modal fade user-select" id="areDeveloping" tabindex="-1" role="dialog"
     aria-labelledby="areDevelopingModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="areDevelopingModalLabel" style="cursor:default;">该功能正在日以继夜的开发中…</h4>
            </div>
            <div class="modal-body"><img src="/img/backstage/baoman/baoman_01.gif"
                                         th:src="@{/img/backstage/baoman/baoman_01.gif}" alt="深思熟虑"/>
                <p style="padding:15px 15px 15px 100px; position:absolute; top:15px; cursor:default;">
                    很抱歉，程序猿正在日以继夜的开发此功能，本程序将会在以后的版本中持续完善！</p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" data-dismiss="modal">朕已阅</button>
            </div>
        </div>
    </div>
</div>
<!--右键菜单列表-->
<div id="rightClickMenu">
    <ul class="list-group rightClickMenuList">
        <li class="list-group-item disabled">欢迎访问EasyShare博客</li>
        <li class="list-group-item"><span>IP：</span>172.16.10.129</li>
        <li class="list-group-item"><span>地址：</span>河南省郑州市</li>
        <li class="list-group-item"><span>系统：</span>Windows10</li>
        <li class="list-group-item"><span>浏览器：</span>Chrome47</li>
    </ul>
</div>
<script src="/js/main/bootstrap.min.js" th:src="@{/js/main/bootstrap.min.js}"></script>
<script src="/js/backstage/admin-scripts.js" th:src="@{/js/backstage/admin-scripts.js}"></script>
<script src="/js/backstage/back-code.js" th:src="@{/js/backstage/back-code.js}"></script>
<script type="text/javascript">
    //此处编写所需js代码
    alert("后台功能暂不齐全，请耐心等待");
    getOsInfo();
    bro();
</script>
</body>
</html>
